<template>
     <UButton
      icon="i-heroicons-pencil-square"
      size="sm"
      color="primary"
      variant="solid"
      label="Button"
      :trailing="false"
    />
    <UButton
      icon="i-heroicons-arrow-down"
      size="sm"
      color="primary"
      variant="solid"
      label="Button"
      :trailing="false"
    />
    <UInput v-model="count" />
    <!-- pinia 第三种 使用 store.count-->
    <!-- <UInput v-model="store.count" /> -->
    <button class="btn" @click="add">按钮</button>
  </template>
  <script setup type="ts">
  const store = useCounterStore()
  //pinia 第一种 使用count
  const { count} = storeToRefs(store)
  //pinia 第二种  使用value
  // const value=computed(()=>store.count)
  
  const add=()=>{
    console.log("add")
    store.increment()
  }
  
  </script>
  
  <style scoped>
  .btn{
    @apply w-32 h-9 rounded-lg  bg-fuchsia-800 hover:bg-sky-700
  }
  </style>
  